<!--
 * @Author: 陈永浩(cyh1231wp@163.com)
 * @Date: 2021-03-01 16:53:05
 * @LastEditors: 陈永浩(cyh1231wp@163.com)
 * @LastEditTime: 2021-03-03 14:00:39
-->
<template>
  <div>
    <div class="main-panel flex flex-center flex-items-center">
      <div class="item flex-1 flex flex-center flex-items-center flex-column" @click="toSetup">
        <svg class="icon" aria-hidden="true" style="width: 100px;height: 100px;">
          <use xlink:href="#icon-ico_setup_h"></use>
        </svg>
        <div>安装</div>
      </div>
      <div class="item flex-1 flex flex-center flex-items-center flex-column" @click="toMonitor">
        <svg class="icon" aria-hidden="true" style="width: 100px;height: 100px;">
          <use xlink:href="#icon-ico_screen_h"></use>
        </svg>
        <div>监控</div>
      </div>

    </div>

  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {},
  methods: {
    toSetup() {
      this.$router.push("/setup");
    },
    toMonitor() {
      this.$router.push("/monitor");
    },
  },
};
</script>
<style lang="scss" scoped>
.main-panel {
  width: 100%;
  height: 300px;

  .item {
    height: 100%;
  }
}
</style>